<template>
  <div class="">
    <HomeHeader></HomeHeader>
    <HomeService></HomeService>
    <LearnBtn></LearnBtn>
    <SvgIcon name="liucheng1" class="text-theme text-10xl"> </SvgIcon>
    <HomeTabNav></HomeTabNav>
    <HomeMatter></HomeMatter>
    <HomeNewsTab></HomeNewsTab>
    <ClientOnly>
      <Suspense>
        <HomeSwiper></HomeSwiper>
        <template #fallback>
          <Loading></Loading>
        </template>
      </Suspense>
    </ClientOnly>
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
const hello = ref("首页31");
const config = useRuntimeConfig();
console.log(config.public.apiBase);
// definePageMeta({
//   middleware: ["browser-check"],
//   // or middleware: 'auth'
// });
</script>
<style lang="scss" scoped>
.box {
  color: #60d659;
}
</style>
